.device {
	position: relative;
}

.device .arrow-left {
	background: url(../images/arrows.png) no-repeat left top;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -15px;
	width: 17px;
	height: 30px;
}

.device .arrow-right {
	background: url(../images/arrows.png) no-repeat left bottom;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -15px;
	width: 17px;
	height: 30px;
}

.swiper-container {
	height: 100%;
}

.content-slide {
	padding: 20px;
	color: #fff;
}

.title {
	font-size: 25px;
	margin-bottom: 10px;
}

.pagination {
	position: absolute;
	left: 48%;
	text-align: center;
	width: 1200px;
	margin: 0 auto;
	z-index: 5;
	display: flex;
	bottom: 50px;
}

.swiper-pagination-switch {
	display: inline-block;
	width: 12px;
	height: 12px;
	border: 1px solid #ffffff;
	margin: 0 24px 0 0;
	cursor: pointer;
	border-radius: 40px;
}

.swiper-active-switch {
	background: #fff;
}


.swiper-active-switch {
	background: #fff;
}

.wrap-major {
	height: 488px;
	overflow: hidden;
	position: relative;
}

.wrap-major .main {
	width: 100%;
	height: 488px;
}

.wrap-major .main>div {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	position: relative;
}

.wrap-major .right {
	width: 590px;
	height: 475px;
	margin-top: 108px;
	padding-bottom: 70px;
}

.wrap-major .left {
	width: 487px;
}

.wrap-major .title {
	padding-top: 120px;
	display: flex;
	justify-content: space-between;
	font-size: 48px;
	font-weight: 500;
	color: #ffffff;
	line-height: 67px;
	letter-spacing: 5px;
}

.wrap-major .desc {
	margin-top: 16px;
	font-size: 24px;
	font-weight: 300;
	text-align: left;
	color: #ffffff;
	line-height: 35px;
}

.wrap-major .btn {
    margin-top: -100px;
    width: 100px;
    margin-left: 35vw;
    height: 35px;
    border: 1px solid #ffffff;
    border-radius: 8px;
    font-size: 18px;
    color: #ffffff;
    line-height: 33px;
    letter-spacing: 2px;
    z-index: 10;
    position: absolute;
}

.wrap-major .btn:hover{
	/* border: 1px solid #009e96; */
    cursor: pointer;
    background: #009e96;
}
.wrap-major .cover {
	width: 308px;
	
	border-radius: 16px;
	padding: 32px 32px 64px;
	position: absolute;
	top: 110px;
	right: calc(50% - 600px);
	z-index: 10;
}
.wrap-major .cover div:hover{
	opacity: .8;
}
.wrap-major .cover div {
	margin: 47px auto 0;
	width: 244px;
	height: 57px;
	line-height: 57px;
	text-align: center;
	border-radius: 8px;
	color: #009e96;
	font-size: 18px;
	background:url(/cms/images/login_bg.png) no-repeat 0px center, url(../images/user.png) no-repeat 32px center, url(../images/arrow.png) no-repeat 192px center, #ffffff;
	background-size: 20px;
	cursor: pointer;
}

.wrap-major .cover .company {
	background:url(/cms/images/login_bg.png) no-repeat 0px center,url(../images/company.png) no-repeat 32px center, url(../images/arrow.png) no-repeat 192px center, #ffffff;
	background-size: 20px;
}

.wrap-consulting .right .learnMore {
	color: white;
    border-radius: 5px;
    left: 64px;
    font-size: 12px;
    position: relative;
    padding: 4px 8px;
    cursor: pointer;
    top: -79px;
    border: 1px solid white;
}

.wrap-consulting, 
.wrap-server, 
.wrap-special {
	background: #fff;
	padding-bottom: 60px;
}

.wrap-consulting .wrap-body,
.wrap-server .wrap-body {
	width: 1200px;
	margin: 0 auto;
	display: table;
}

.wrap-consulting .title,
.wrap-server .title, 
.wrap-special .title {
	padding-top: 60px;
	font-size: 32px;
	font-weight: 500;
	text-align: center;
	color: #009e96;
	line-height: 45px;
	margin: 0 0 8px 0;
}

.wrap-consulting .line,
.wrap-server .line {
	margin-top: 8px;
	width: 32px;
	height: 8px;
	margin: 0 auto;
	background: #009e96;
	border-radius: 4px;
}

.wrap-consulting .main {
	margin-top: 60px;
	display: flex;
}

.wrap-consulting .left,
.wrap-consulting .right {
	width: 50%;
	padding: 0 40px;
}

.wrap-consulting .right img {
	width: 519px;
	height: 239px;
	border-radius: 6px;
}

.wrap-consulting .tab {
	<!--border-bottom: 1px solid #eee;-->
	display: flex;
	position: relative;
}

.wrap-consulting .tab span {
	font-size: 16px;
	font-weight: 500;
	text-align: left;
	color: rgba(0, 0, 0, 0.85);
	line-height: 22px;
	padding-bottom: 16px;
	margin-right: 40px;
	cursor: pointer;
}
.wrap-consulting .tab span:hover{
	color: #009E96;
}
.wrap-consulting .tab .active {
	<!--border-bottom: 2px solid #009e96;-->
}

.wrap-consulting .news {
	min-height: 200px;
	margin-bottom: 16px;
}

.wrap-consulting .news li {
	display: flex;
	align-items: center;
	margin-top: 16px;
	cursor: pointer;
	background: url(../images/arrow3.png) no-repeat right center;
	background-size:17px ;
}

.wrap-consulting .news li:hover em, .wrap-consulting .news li:hover p,.wrap-consulting .news li:hover span{
   color: #009E96;
}


.wrap-consulting .news li em {
	width: 4px;
	height: 4px;
	opacity: 0.5;
	background: #2b3736;
	margin-right: 8px;
}

.wrap-consulting .news li p {
	width: 366px;
	height: 20px;
	font-size: 14px;
	font-weight: 400;
	text-align: left;
	color: rgba(0, 0, 0, 0.45);
	line-height: 20px;
	margin-right: 32px;
}

.wrap-consulting .news li span {
	height: 20px;
	font-size: 14px;
	font-weight: 400;
	text-align: left;
	color: rgba(0, 0, 0, 0.45);
	line-height: 20px;
}

.wrap-consulting .notice .extra {
	display: flex;
	justify-content: flex-end;
}

.wrap-consulting .notice .extra div {
	height: 20px;
	font-size: 14px;
	font-weight: 400;
	text-align: left;
	color: #009e96;
	line-height: 20px;
	background: url(../images/arrow2.png) no-repeat right center;
	background-size:18px ;
	padding-right: 30px;
	cursor: pointer;
}
.wrap-consulting .notice .extra div:hover{
	color: red;
}

.wrap-server .listing {
	display: flex;
	margin-top: 60px;
	justify-content: space-between;
}

.listing div {
	padding-top: 72px;
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	color: rgba(0, 0, 0, 0.85);
	cursor: pointer;
	border-radius: 12px;
	border:1px solid #009E96;
    width: 125px;
    height: 50px;
    line-height: 40px;
	margin-right: 50px;
}

 
.listing div:nth-child(1) {
	background: url(../images/01.png) no-repeat center;
	background-size: 75px;
	/*background-color: #d1eef0;*/
	background-position-y: 14px;
    line-height: 60px;
	color: #009E96
}
.listing div:nth-child(1):hover {
	background: url(../images/01.png) no-repeat center;
	background-size: 80px;
	color: #009E96;
	/*background-color: #fffde7; */
	background-position-y: 9px;
    line-height: 60px;
}


.listing div:nth-child(2) {
	background: url(../images/02.png) no-repeat center;
	background-size: 75px;
	/*background-color: #d1eef0;*/
	background-position-y: 14px;
    line-height: 60px;
	color: #009E96
}
.listing div:nth-child(2):hover {
	background: url(../images/02.png) no-repeat center;
		background-size: 80px;
	color: #009E96;
	/*background-color: #fffde7; */
	background-position-y: 9px;
    line-height: 60px;
}




.listing div:nth-child(3) {
	background: url(../images/03.png) no-repeat center;
		background-size: 75px;
	/*background-color: #d1eef0;*/
	background-position-y: 14px;
    line-height: 60px;
	color: #009E96
}
.listing div:nth-child(3):hover {
	background: url(../images/03.png) no-repeat center;
		background-size: 80px;
	color: #009E96;
	/*background-color: #fffde7; */
	background-position-y: 9px;
    line-height: 60px;
}




.listing div:nth-child(4) {
	background: url(../images/04.png) no-repeat center;
	background-size: 75px;
	/*background-color: #d1eef0;*/
	background-position-y: 14px;
    line-height: 60px;
	color: #009E96
}
.listing div:nth-child(4):hover {
	background: url(../images/04.png) no-repeat center;
		background-size: 80px;
	color: #009E96;
	/*background-color: #fffde7; */
	background-position-y: 9px;
    line-height: 60px;
}


.listing div:nth-child(5) {
	background: url(../images/05.png) no-repeat center;
	background-size: 75px;
	/*background-color: #d1eef0;*/
	background-position-y: 14px;
    line-height: 60px;
	color: #009E96
}
.listing div:nth-child(5):hover {
	background: url(../images/05.png) no-repeat center;
		background-size: 80px;
	color: #009E96;
	/*background-color: #fffde7; */
	background-position-y: 9px;
    line-height: 60px;
}



.listing div:nth-child(6) {
	background: url(../images/06.png) no-repeat center;
	background-size: 75px;
	/*background-color: #d1eef0;*/
	background-position-y: 14px;
    line-height: 60px;
	color: #009E96
}
.listing div:nth-child(6):hover {
	background: url(../images/06.png) no-repeat center;
		background-size: 80px;
	color: #009E96;
	/*background-color: #fffde7; */
	background-position-y: 9px;
    line-height: 60px;
}



.wrap-special .title {
	font-size: 32px;
	font-weight: 500;
	text-align: center;
	/* color: #fff; */
	line-height: 45px;
	margin: 0 0 8px 0;
}

.wrap-special .line {
	margin-top: 8px;
	width: 32px;
	height: 8px;
	margin: 0 auto;
	background: #009e96;
	border-radius: 4px;
}

.wrap-table .wrap-body {
	width: 1200px;
	margin: 0 auto;
}

.wrap-table .tab {
	display: flex;
	justify-content: space-between;
	position: relative;
	padding-bottom: 100px;
}

.wrap-table .tab>div {
	width: 384px;
	background: #ffffff;
	border: 1px solid #eeeeee;
	border-radius: 8px;
	position: relative;
}
.wrap-table .tab>div:hover{
	box-shadow: 0px 14px 18px 0px rgba(164,164,164,0.15); 

}
.wrap-table img {
	width: 384px;
	height: 186px;
}

.wrap-table h6 {
	margin-top: 50px;
	font-size: 24px;
	font-weight: 500;
	text-align: center;
	color: rgba(0, 0, 0, 0.85);
	line-height: 33px;
}

.wrap-table p {
	width: 290px;
	margin: 0 auto;
	height: 40px;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	color: rgba(0, 0, 0, 0.45);
	line-height: 20px;
}

.wrap-table a {
	width: 299px;
	height: 46px;
	background: #009e96;
	border-radius: 8px;
	font-size: 16px;
	color: #ffffff;
	line-height: 46px;
	margin: 48px 42px 58px;
	cursor: pointer;
	display: block;
    text-align: center;
}
.wrap-table a:hover {
  
}
.wrap-table .tab .top {
	position: absolute;
	top: 0;
	left: 0;
	height: 36px;
	line-height: 36px;
	opacity: 0.5;
	background: #FFFFFF;
	border-radius: 8px 0px 8px;
	color: #009E96;
	font-size: 14px;
	padding: 0 18px;
}

.wrap-table .query {
	position: relative;
	top: -63px;
	margin: 0 auto;
	height: 22px;
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	color: #009e96;
	line-height: 22px;
	display: table;
	background: url(../images/arrow2.png) no-repeat right center;
	background-size:18px ;
	padding-right: 20px;
	cursor: pointer;
}
.wrap-table .query:hover{
	color: red;
}

.wrap-server .wrap-swipe {
	width: 1200px;
	margin: 1px auto;
	position: relative;
	overflow: hidden;
}

.arrow-left2{
	position: relative;
	width: 25px;
	height: 28px;
	top:135px;
	left:-60px;
	background: url(/cms/images/custom_arrowright.svg) no-repeat center;
	background-size:100% ;
	z-index: 10;
	transform: rotate(180deg);
}

.arrow-left2:hover, .arrow-right2:hover{

	opacity: .6;
}
 .arrow-right2{
	position: relative;
    width: 25px;
    height: 25px;
    top: -73px;
	left:1200px;
	background: url(/cms/images/custom_arrowright.svg) no-repeat center;
	background-size:100% ;
	z-index: 10;
}


.pagination2 {
	position: absolute;
    margin: 0 auto;
    z-index: 5;
    display: flex;
    top: 1360px;
    width: inherit;
    justify-content: center;
}




.pagination2 .swiper-pagination-switch {
	display: inline-block;
	width: 12px;
	height: 12px;
	border: 1px solid #00a48d;
	margin: 0 24px 0 0;
	cursor: pointer;
	border-radius: 40px;
}

.pagination2 .swiper-active-switch {
	background: #00a48d;
}



.wrap-swipe {
	width: 519px;
	margin: 1px auto;
	position: relative;
	overflow: hidden;
}

.wrap-swipe .arrow-left{
	position: absolute;
	width: 25px;
	height: 25px;
	top:124px;
	left:16px;
	background: url(../images/arrow-left.png) no-repeat center;
	background-size:100% ;
	z-index: 10;
}

.wrap-swipe .arrow-left:hover,.wrap-swipe .arrow-right:hover{

	opacity: .6;
}
.wrap-swipe .arrow-right{
	position: absolute;
	width: 25px;
	height: 25px;
	top:124px;
	right:16px;
	background: url(../images/arrow-right.png) no-repeat center;
	background-size:100% ;
	z-index: 10;
}
.swiper-container2 {
	margin-top: 16px;
}

.swiper-container2 img {
	border-radius: 4px;
}

.wrap-cover .cover {
	position: fixed;
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	top: 0;
	left: 0;
	z-index: 40;
}

.wrap-cover .main {
	width: 750px;
	background: #fff;
	padding: 32px 32px 0;
	margin: 0 auto;
	border-radius: 8px;
}

.wrap-cover h6 {
	padding: 32px 0;
	font-size: 20px;
	font-weight: 500;
	text-align: center;
	color: rgba(0, 0, 0, 0.85);
	line-height: 28px;
	margin: 0;
}

.wrap-cover p {
	font-size: 14px;
	font-weight: 400;
	text-align: left;
	color: rgba(0, 0, 0, 0.6);
	line-height: 22px;
	text-indent: 2em;
	margin-bottom: 16px;
}

.wrap-cover .btn {
	height: 84px;
	display: flex;
	align-self: center;
}


.wrap-swipe3{
	width: 1200px;
}

.wrap-cover .btn button {
	width: 106px;
	height: 36px;
	line-height: 36px;
	background: #009e96;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	color: #ffffff;
	margin: 24px auto 0;
	display: block;
	cursor: pointer;
}

			.footer {
				width: 100%;
				min-width: 1000px;
				height: 300px;
				background: #eee;
				padding: 0 50px;
				/*position: fixed;*/
				box-sizing: border-box;
				bottom: 0;
				 font-family: Arial, Helvetica, sans-serif;
			}
			
			.footer_top {
				height: 180px;
				display: flex;
				align-items: center;
				justify-content: center;
				padding: 0 20px;
				padding-top: 20px;
				margin-bottom: 20px;
				box-sizing: border-box;
				min-width: 900px;
			}
			
			.footer_bottom {
				border-top: 1px solid #a0a0a0;
				height: 100px;
				display: flex;
				justify-content: center;
				align-items: center;
				font-size: 18px;
				position: relative;
				min-width: 900px;
			}
			
			.footer_bottom>img {
				/*position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%,-50%);*/
				height: 40%;
			}
			
			.footer_bottom>span {
				top: 50%;
				right:0%;
				position: absolute;
				right: 0;
				font-size: 14px;
			}
			.footer_top_left{
				padding-top: 40px;
				width: 60%;
				height: inherit;
				display: flex;
				flex-direction: column;
				align-items: flex-end;
			}
			.footer_top_left>div:first-child{
				font-weight: bold;
				font-size: 18px;
				margin-bottom: 15px;
				width: 100%;
			}
			.footer_top_left>div:last-child{
				display: flex;
				flex-wrap: wrap;
				color: rgba(0,0,0,.6);
				width: 100%;
			}
			.footer_top_left>div:last-child div{
				width: calc(100% / 3);
				margin-bottom: 15px;
				
			}
			
			.footer_top_right{
				padding-left: 50px;
				width: 60%;
				min-width: 600px;
				display: flex;
				align-items: center;
				justify-content: flex-start;
				border-left: 1px solid #a0a0a0;
			}
			.footer_top_right>div{
				width: 190px;
				height: 180px;
				padding: 20px;
				box-sizing: border-box;
				font-size: 12px;
				display: flex;
				align-items: center;
				justify-content: center;
				flex-direction: column;
			}
			
			.footer_top_right>div>p{
				padding-top: 12px;
			}
			.footer_top_right>div>img{
				width: 120px;
				height: 120px;
			}
			.di-img{
				height: 120px;
				width: auto;
			}

			.link{
				cursor: pointer
			}

			.link:hover {
				text-decoration: underline;
			}